<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link type="text/css" rel="stylesheet" href="css/login.css"/>
    <script type="text/javascript" src="js/jquery-1.8.3.js"></script>

    <title>忘记密码-确认账户</title>


    <script type="text/javascript">
        $(document).ready(function () {
            $("[name=code]").on("blur",function () {
                var account=$("[name=account]").val();
                var code=$("[name=code]").val();
                $("[name=kkk]").html(account);
                if (code==2399){
                }else {
                    alert("验证码错误！");
                    window.location.href="index.html";
                }
            });

            $("[name=log]").click(function () {
                var account=$("[name=account]").val();
                var password1=$("[name=password1]").val();
                var password2=$("[name=password2]").val();
                $.get("/pwd",{
                    "account":account,
                    "password1":password1,
                    "password2":password2
                },function (mess) {
                    var b=JSON.parse(mess);
                    if (b){
                        alert("修改成功")
                    }else {
                        alert("修改失败")
                        location.href="index.html"
                    }
                })
            })





        });

    </script>
</head>
<body>
<div class="header">
    <div class="mainwarp">
        <div class="logo"><a href="index.html"><img src="images/log.png"/></a></div>
        <div class="welcome">重置密码</div>
        <div class="headerright">
            <a href="login.html">个人登录 </a>
            <span>|</span>
            <a href="index.html">返回首页</a>
        </div>
    </div>
</div>
<div class="passdBox">
    <div class="passpart1">
        <div class="TitleNotice">忘记密码了？根据收到的激活码进行验证身份，通过验证后重置密码，您就可以登录了。</div>
        <div class="StepsBox">
            <div id="step_div_1" class="Step Active stepfirst">
                <span class="StepNo">1</span>
                <span class="StepName">确认账户</span>
            </div>
         <!--   <div id="step_div_2" class="Step">
                <span class="StepNo">2</span>
                <span class="StepName">安全认证</span>
            </div>-->
            <div id="step_div_2" class="Step">
                <span class="StepNo">2</span>
                <span class="StepName">重置密码</span>
            </div>
            <div id="step_div_3" class="Step steplast">
                <span class="StepNo"></span>
                <span class="StepName">完成</span>
            </div>
        </div>
        <div class="clear"></div>
        <div id="step_1" class="restInfo">
            <div class="box1">
                <span>账   户：</span>
                <input id="acc" name="account" type="text" placeholder="用户名/邮箱/已验证手机号"/>
                <div class="clear"></div>
            </div>
            <div class="box1">
                <span>验证码：</span>
                <input name="code" type="text" class="yzm"/>
                <img src="images/VerifyCode.jpg" width="100" height="35"/>
                <div class="clear"></div>
            </div>
            <div class="box1">
                <input name="firstxyb" type="button" step_index="1" class="onebtn" value="下一步"/>
            </div>
        </div>
        <!--<div id="step_2" class="restInfo" hidden>
            <div class="box2">激活码已经发送到您的手机：<%   %> 中</div>
            <div class="box1">
                <span>激活码：</span>
                <input name="" type="text" class="yzm"/>
                <b  class="phonenum">获取短信验证码</b>
                <div class="clear"></div>
            </div>
            <div class="box1">
                <input name="" type="button" step_index="2" class="onebtn" value="下一步"/>
            </div>
        </div>-->
        <div id="step_2" class="restInfo" hidden>
            <div class="box2">
                <span class="span1">用户名：</span>
                <span name="kkk" class="span2">EB5_14@your_email.com</span>
                <div class="clear"></div>
            </div>
            <div class="box1">
                <span>新密码：</span>
                <input name="password1" type="text"/>
                <div class="clear"></div>
            </div>
            <div class="box1">
                <span>确认密码：</span>
                <input name="password2" type="text"/>
                <div class="clear"></div>
            </div>
            <div class="box1">
                <input name="log" type="button" step_index="2" class="onebtn" value="下一步"/>
            </div>
        </div>
        <div id="step_3" class="restInfo2" hidden>
            <div class="SucTitle">恭喜您，您的密码设置成功！</div>

            <p>您可以使用新密码登录蝶飞人才网<a href="login.html">立即登录</a></p>



        </div>

    </div>
</div>
<div class="clear"></div>
</body>
<script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
<script>
    $(function () {
        $(".onebtn").on("click", function () {
            let stepIndex = $(this).attr("step_index");
            let stepId = '#step_' + stepIndex;
            stepIndex++;
            let divNextId = '#step_div_' + stepIndex;
            let stepNextId = '#step_' + stepIndex;
            $(stepId).hide();
            $(stepNextId).show();
            $(divNextId).addClass("Active");
        });
    });
</script>
</html>
